
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/login.css">
</head>
<body class="clearfix">
    <!-- 左边图片 -->
    <div class="left-bg fl">
        <a class="" href="#">
            <img src="../imgs/login-bg.png" alt="">
        </a>
    </div>

    <!-- 右边登录 -->
    <div class="right-login fr">
        <div class="modal"><!-- 模态框 -->
            <!-- logo -->
            <h3 class="modal-logo"><img src="../imgs/new-logo-white2.png" alt=""></h3>
            <!-- 登录 -->
            <p class="modal-login">
                <a class="active" href="#">账号登录</a>
                <span></span>
                <a href="#">扫码登录</a>
            </p>
            <!-- 登录方式 -->
            <div>
                <!-- 账号登录 -->
                <div id="login" class="loginInput on">
                    <!-- 输入框 -->
                    <div class="modal-input">
                        <!-- 用户名 -->
                        <p class="input-text">
                            <input class="user" type="text" placeholder="用户名/手机号/邮箱">
                            <img class="clear-text" src="../imgs/clearInput.png" alt="">
                            <span class="text-tips"></span>
                        </p>
                        <p class="input-pwd">
                            <input class="pwd" type="password" placeholder="密码">
                            <img class="clear-pwd" src="../imgs/clearInput.png" alt="">
                            <span class="pwd-tips"></span>
                        </p>        
                    </div>
                    <!-- 忘记密码 -->
                    <a class="forget" href="#">忘记密码</a>
                    <!-- 登录 -->
                    <div class="login-btn" href="#">登录</div>
                    <!-- 立即注册 -->
                    <p class="new-logon-input">还没有源码账号，
                        <a href="#">
                            立即注册
                            <span></span>
                        </a>
                    </p>
                </div>

                <!-- 扫码登录 -->
                <div id="login" class="Code">
                    <!-- 扫码 -->
                    <div class="loginCode bd">
                        <img src="../imgs/showqrcode.jpg" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <!-- 立即注册 -->
                    <p class="new-logon-code">还没有源码账号，
                        <a href="./register.html">
                            立即注册
                            <span></span>
                        </a>
                    </p>
                </div>
            </div>
            
        </div>
    </div>

    <!-- 引用tab.js选项卡 -->
    <script src="../lib/tab.js"></script>
    <!-- 当前js -->
    <script src="../js/login.js"></script>
</body>
</html>